body {
    width: 100%;
    height: 100%;
    background: url("../images/background.png") no-repeat;
  
    background-size:cover;
}
.medium {
    display: none;
    overflow: hidden;
    padding-bottom: 44px;
}
.w {
     width: 100%;
    max-width: 1260px;
    min-width: 755px;
    margin: 0 auto;
    overflow: hidden;
}
.header {
    width: 1262px;
    height: 145px;
    margin: auto;
    overflow: hidden;
}
.header img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}


.medium .top .top-right {
    overflow: hidden;

   
    width: 1256px;
    height: 345px;
    border: 1px dashed #00a2e4;
}
.top .top-right .total{
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 30px;
        width: 180px;
        height: 35px;
        line-height: 35px;
        font-size: 22px;
        color: #ff9c00;
}
.top .top-right .total img {
    
    display: inline-block;
    margin-right: 10px;
    width: 32px;
    height: 32px;
}
.top-right .number {
    width: 670px;
    margin: 0 auto;

    height: 148px;
    letter-spacing: 2px;
    text-align: center;
    line-height: 148px;
    font-size: 119px;
    color: #117efc;
  
    background: rgba(0, 0,0, .4);
    border-radius: 10px;

}


.top-right .time {
    margin-top: 40px;
    text-align: center;
    font-size: 17px;
    color: #ffffff;
} 



.line {
    display: flex;
    overflow: hidden;
    margin-top: 12px;
}
.line .numbers{
    float: left;
    overflow: hidden;
    width: 215px;
    height: 215px;
    border: 1px dashed #00a2e4;
    background:#0e2147;

}
.line .numbers .rotary{
    margin: 20px auto;
    width: 180px;
    height: 180px;
    border: 1px dashed #00a2e4
}
.numbers .rotary .radius{ 
    width: 163px;
    height: 163px;
    border-radius: 50%;
    border: 8px solid #6bdce1;

    text-align: center;
    transition:all 500ms linear;

}
.radius .mbers {
    margin-top: 30px;
    
}
.radius .mbers span{
    color: white;
}
.radius .mbers .digital{
    font-size: 50px;
}
.radius .mbers .taiwan{
    font-size: 26px;
    color: white;
}
.radius .host {
    font-size: 11px;
    color: #ffffff;
}
.data {
  
    margin-left: 10px;
    float: left;
    overflow: hidden;
    width: 475px;
    height: 215px;
    border: 1px dashed #00a2e4;
}
.data .table {
    overflow-x: hidden;
    margin: 13px auto;
    /* width: 440px; */
    width: 600px;
    height: 187px;
    margin-bottom: 10px;
  
}

.data .table .thead{ 
    width:437px; 
    text-align: center;
    height: 25px;
    line-height: 25px;
    overflow: hidden;  
    position: relative;
    z-index: 9999;
    /* background:#7386a0; */


    border-bottom: none;
    color: #ffffff;
}
.table .thead dd {
    float: left;
    text-align: center;
}
.table .thead .first{ 
    width: 165px;

    } 
     .table .thead .two{ 
        width: 140px;
 
    }  
     .table .thead .last{ 
        width: 118px;
    }  


.table .scroll {
  
    width: 500px;
    height: 152px;

    overflow-y: auto;
    overflow-x: hidden;
}


.data .table tr {
    font-size: 14px;
    color: #ffffff;
    height: 35px;
    line-height: 35px;
    border: none;
    text-align: center;
   
   
}
.data .table tr td:first-child {
    width: 165px;
    text-align: center;
}
.data .table tr td:nth-child(2) {
    width: 140px;
}


.data .table tbody {
    width: 100%;
    height: 150px;
  
}

.data .table .complete { 
font-size: 28px;
color: #ff7e00;
}


.detailed {
    overflow: hidden;
    float: left;
    margin-left: 10px;
    width: 533px;
    height: 215px;
    border: 1px dashed #00a2e4;
 
}

.detailed .thead{ 

    width:100%;
    text-align: center;
    height: 35px;
    line-height: 35px;
    overflow: hidden;  
    position: relative;
    z-index: 9999;
    font-size: 14px;
    color: #ffffff;
    border-bottom: none;
   
}
.detailed .thead dd {
    float: left;
    text-align: center;
}
.detailed .thead .first{ 
width: 320px;
} 

 .detailed .thead .last{ 
    width: 207px;
}

.detailed .deta-text{
width: 552px;
height: 175px;
overflow-x: hidden;
overflow-y: scroll;
}

.detailed .deta-text::-webkit-scrollbar{
    display: none;
}

.detailed .text {
    height: 227px;
    width: 533px;
    width: 503px;
    overflow: hidden;
  
}

.detailed .text tr {
    text-align: center;
}
.detailed tr td {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #ffffff;
}
.detailed .text tr td:first-child{

width: 320px;
}
.detailed .text tr td:last-child{
    width: 212px;
 
}


canvas {
    top: -59px!important;

}


